// 常见的css类名

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.m-20 {
  margin: 40rpx;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.p-20 {
  padding: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-10 {
  padding-top: 10px;
}

.pl-10 {
  padding-left: 20rpx;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-center-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
// 一行一个 蓝色按钮
.oneRowBtn {
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  background-color: #475ffd;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
}
.orbFixed {
  position: fixed;
  bottom: 60rpx;
  z-index: 99999;
  width: calc(100vw - 64rpx);
}
.oneRowBtnDisable {
  background-color: rgba($color: #475ffd, $alpha: 0.25);
}

.mini-block-narrow {
  margin-top: 0.63rem;
}

.middle-block-narrow {
  margin-top: 1.25rem;
}

.big-block-narrow {
  margin-top: 1.5rem;
}

.item-gap {
  margin-right: 0.63rem;
}

.vertical-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
